微信小程序

您所在的位置：网站首页 › 微信小程序不能用 › 微信小程序

微信小程序

2024-06-29 13:21| 来源: 网络整理| 查看: 265

1、模板字符串

模板字面量是允许嵌入表达式的字符串字面量。模板字符串使用反引号 (``) 来代替普通字符串中的用双引号和单引号。模板字符串可以包含特定语法（${expression}）的占位符。

var a = 5; var b = 10; console.log(`Fifteen is ${a + b} and not ${2 * a + b}.`);

还可以对变量名称进行动态设置：

let a = 1; let b = value; let param = event.detail; this.setData({ [`timeDate${a}.${b}`]: param }); 2、wxs

WXS（WeiXin Script）是小程序的一套脚本语言，结合 WXML，可以构建出页面的结构。

详细参考官方文档：https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxs/

3、需求

wxml 怎么获取动态变量名？

参考小程序社区中两篇问题讨论。在这里插入图片描述

（1）wxml 怎么获取动态变量名？

（2）怎么才能在wxml中写动态变量？

方案一（wxs中使用模板字符串—失败）：

wxs好像不支持模板字符串，不可以动态拼接wxml变量。 ---创建动态的对象名，然后再获取的方式实现动态变量。 var joinval = function(a, b){ return [`timeDate${a}.${b}`]; }; module.exports = { joinval: joinval };

方案二（创建动态对象名—成功）：

动态变量名转换为动态对象名，可以达到。或者说wxml数据绑定本质就是对象键值对的绑定。比如： js中：let index = e.currentTarget.dataset.idx; // 动态变量名 let timeData = this.data.timeData; // 增加或修改一个动态的json对象，使用[index]包裹变量名 timeData[[index]] = e.detail; this.setData({ timeData }); wxml中：可以{{timeData[index].options}}使用对象的属性。

【本文地址】

微信小程序

微信小程序

今日新闻

推荐新闻